<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, width=device-width">
    <meta name="screen-orientation" content="portrait">
    <title>中石化助力青运，一路“油”你</title>
    <link rel="stylesheet" type="text/css" href="/jiayou/Public/Css/play.css?v=3">
    <style>
        .begin_count{position:fixed;top:0;left:0;height:100%;width:100%;z-index:1004;background-color:rgba(0,0,0,0.6);display: none;}
        .begin_count_in{top:40%;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30%;z-index:1005}
        .begin_count_inm{top:40%;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40%;z-index:1005}
        .tip{position:fixed;right:20%;bottom:40px;height:80px;width:auto;z-index:3000;
            animation:fingermove 2s infinite;
            -moz-animation:fingermove 2s infinite; /* Firefox */
            -webkit-animation:fingermove 2s infinite; /* Safari and Chrome */
            -o-animation:fingermove 2s infinite; /* Opera */}
        .tip_img{height:80px;position:relative;z-index:1;}
        @keyframes fingermove
        {
            0% {bottom:40px;}
            50% {bottom:80px;}
            100%{bottom:40px;}
        }
    </style>
    <script src="/jiayou/Public/Js/jquery.min.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>

<div id="container">
    <!--背景音乐-->
    <audio controls="controls" autoplay="autoplay" loop="loop" hidden="hidden">
        <source src="/jiayou/Public/bg_sound.mp3" type="audio/mpeg">
    </audio>

    <div id="gamepanel">
        <!--顶部倒计时-->
        <div style="width:100%;height:50px;line-height: 50px;top:0;left:0;position:fixed;background: rgba(0,0,0,0.7);color:#fff;font-size:20px;text-align:center;">
            倒计时：<span id="time">10</span>s
        </div>
        <canvas id="stage" width="320" height="611"></canvas>
    </div>
    <!--开始的时间倒计时-->
    <div id="first_show">
        <div id="tip_top" style="top:20%;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%;z-index:1005">
            <img src="/jiayou/Public/Images/notice.png" style="width:100%;" />
        </div>
        <div id="begin3" class="begin_count" >
            <img class="begin_count_in" src="/jiayou/Public/Images/three.png"  />
        </div>
        <div id="begin2" class="begin_count" >
            <img class="begin_count_in" src="/jiayou/Public/Images/two.png"  />
        </div>
        <div id="begin1" class="begin_count" >
            <img class="begin_count_in" src="/jiayou/Public/Images/one.png"  />
        </div>
        <div id="begingo" class="begin_count" >
            <img class="begin_count_inm" src="/jiayou/Public/Images/begin.png" />
        </div>
        <div id="tip" class="tip">
            <img  src="/jiayou/Public/Images/finger.png" class="tip_img" />
        </div>
        <div style="height:60px;width:100%;bottom:0;position:fixed;left:0;z-index:200;">
            <div style="width:50%;left:0;top:0;position:absolute;height:50px;z-index:100;">
                <img id="left_btn" src="/jiayou/Public/Images/enter_left.png" style="z-index:500;height:50px;left:35%;position:absolute;" />
            </div>
            <div style="width:50%;right:0;top:0;position:absolute;height:50px;z-index:100;">
                <img id="right_btn" src="/jiayou/Public/Images/enter_right.png" style="z-index:500;height:50px;right:35%;position:absolute;" />
            </div>
        </div>
    </div>
</div>
<div style="display: none;">
    <img src="/jiayou/Public/Images/lp_0.png"/>
    <img src="/jiayou/Public/Images/lp_1.png"/>
    <img src="/jiayou/Public/Images/lp_2.png"/>
    <img src="/jiayou/Public/Images/lp_3.png"/>
    <img src="/jiayou/Public/Images/lp_4.png"/>
    <img src="/jiayou/Public/Images/lp_5.png"/>
    <img src="/jiayou/Public/Images/lp_6.png"/>
    <img src="/jiayou/Public/Images/car.png"/>

</div>
<!--<audio src="" preload="auto" autoplay id="bgmusic" loop /></audio>-->
<script src="/jiayou/Public/Js/fastclick.js"></script>
<script src="/jiayou/Public/Js/play.js?v=3"></script>
<script>

    $(function(){
        //玩完一次游戏后，跳回首页，并且弹出温馨提示
        //判断当中奖后弹出温馨提示
//        var is_first = "<?php echo S('first_'.$_SESSION['userid']);?>";
//        alert(is_first);
//        $("#warmRemind").show();
//        $("#gameRule").show();
        fenxiang("助力青运，一路“油”你","助力青运，一路“油”你");
    })

    function fenxiang(title,desc){
        //微信分享
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: "<?php echo C('APPID');?>", // 必填，公众号的唯一标识
            timestamp: "<?php echo ($wxKey['timestamp']); ?>", // 必填，生成签名的时间戳
            nonceStr: "<?php echo ($wxKey['noncestr']); ?>", // 必填，生成签名的随机串
            signature: "<?php echo ($wxKey['signature']); ?>",// 必填，签名，见附录1
            jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function () {
            var shareData = {
//            title: '任性！速度进来玩游戏，每天送进口海鲜！连送20天！',
                title: title,
//            desc: '福州电视台首届养生文化节环球海鲜盛宴1月31日开启!微信游戏 抢先上线！',
                desc: desc,
                link: "http://<?php echo ($_SERVER['HTTP_HOST']); ?>",
                imgUrl: "<?php echo C('APP_URL');?>/Public/Images/1.jpg"
            };
            wx.onMenuShareAppMessage(shareData);
            wx.onMenuShareTimeline(shareData);
        });
        wx.error(function(res){
            alert(res.errMsg);
        });
    }

    leftNumber=2;
    window.addEventListener("load", function () {
        FastClick.attach(document.body);
    }, false);
    //    document.getElementByIdx_x("myaudio").play();
</script>
</body>
</html>